@import "./main.less";
* {
    box-sizing: border-box; 
}

body,
p,
span,
div,
img,
i,
ul,
li,
strong,
input {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

/*不倾斜*/
em,
i {
    font-style: normal;
}

/*去掉列表前面的小点*/
ul {
    li {
        list-style: none;
    }
}

/*去掉图片边框和图片底侧的空白缝隙*/
img {
    border: 0;
    vertical-align: middle;
}

/*button hover*/
button {
    cursor: pointer;
}

/*取消链接的下划线*/
a {
    text-decoration: none;
}

button,
input {
    font-family: 'Microsoft YaHei', 'Heiti SC';
    outline: none;
}

.hide,
.none {
    display: none;
}

/*清除浮动*/
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: " ";
    height: 0;
}

.clearfix {
    *zoom: 1;
}

/*双伪元素清除浮动*/
.clearfix:bofore,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*单行文字隐藏*/
.text-one-hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行溢出(超出省略)*/
.text-two-dot {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
#app{
    margin: 0;
}
.mlr-24{
    margin: 0 24px;
}
// .el-input {
//     width: 200px;
// }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #666;
    font-size: 14px;
}
.mt-16{
    margin-top: 16px !important;
}
.mr-16{
    margin-right: 16px !important;
}
.ml-16{
    margin-left: 16px !important;
}
.mb-16{
    margin-bottom: 16px !important;
}
.mt-12{
    margin-top: 12px !important;
}
.mr-12{
    margin-right: 12px !important;
}
.ml-12{
    margin-left: 12px !important;
}
.mb-12{
    margin-bottom: 12px !important;
}
.mr-8{
    margin-right: 8px !important;
}
.ml-8{
    margin-left: 8px !important;
}
.mt-8{
    margin-top: 8px !important;
}
.ml-32{
  margin-left: 32px !important;
}
.mb-8{
    margin-bottom: 8px !important;
}
.mt-4{
    margin-top: 4px !important;
}
.mb-4{
    margin-bottom: 4px !important;
}
.ml-4{
    margin-left: 4px !important;
}
.mr-4{
    margin-right: 4px !important;
}
.pb-16{
    padding-bottom: 16px !important;
}
.p-8{
  padding: 8px !important;
}
.ml-160{
  margin-left: 160px !important;
}
.float-left{
    float: left;
}
.cursor{
    cursor: pointer;
}
.buttonFun{
    color: #2E83FC;
    font-size: 14px;
    margin-right: 8px;
  }
.ml-21{
    margin-left: 21px;
}
.bigDialog{
    :deep(.el-input){
      width: 100%;
    }
    :deep(.el-select){
      width:100%;
    }
    :deep(.el-form-item__content) {
      width: 100%;
    }
    :deep(.el-dialog__footer) {
      padding-top: 16px;
      background-color: #ffffff;
    }
    :deep(.el-dialog__body) {
      padding: 0;
      max-height: 550px;
      overflow-y: auto;
      overflow-x: hidden;
      background-color: #ffffff;
      padding: 16px 88px 16px 32px;
    }
    :deep(.el-dialog__header) {
      border-bottom: 1px solid #cccccc;
      padding: 16px;
      margin-right: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    :deep(.el-dialog__title) {
      color: #1C222C;
      font-size: 20px;
      width: 100px;
    }
    :deep(.el-dialog__headerbtn ){
      position: static;
      top: 0px;
      right: 0;
      padding: 0;
      width: auto;
      height: auto;
    }
  
  :deep(.el-form-item__label ){
    font-size: 14px;
  }
  :deep(.el-form) {
    position: relative;
  }
  
  :deep(.el-form-item__content) {
    width: 100%;
  }
  :deep(.el-form--inline .el-form-item){
      width:100%
  }
  }
  .bigDetail{
    :deep(.el-input){
      width: 100%;
    }
    :deep(.el-select){
      width:100%;
    }
    :deep(.el-form-item__content) {
      width: 100%;
    }
    :deep(.el-dialog__footer) {
      padding-top: 16px;
      background-color: #ffffff;
    }
    :deep(.el-dialog__body) {
      padding: 0;
      max-height: 550px;
      overflow-y: auto;
      overflow-x: hidden;
      background-color: #ffffff;
      padding: 16px 32px;
    }
    :deep(.el-dialog__header) {
      border-bottom: 1px solid #cccccc;
      padding: 16px;
      margin-right: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    :deep(.el-dialog__title) {
      color: #1C222C;
      font-size: 20px;
      width: 100px;
    }
    :deep(.el-dialog__headerbtn ){
      position: static;
      top: 0px;
      right: 0;
      padding: 0;
      width: auto;
      height: auto;
    }
  
  :deep(.el-form-item__label ){
    font-size: 14px;
  }
  :deep(.el-form) {
    position: relative;
  }
  
  :deep(.el-form-item__content) {
    width: 100%;
  }
  :deep(.el-form--inline .el-form-item){
      width:100%
  }
  }
  .titleName{
    color: #4B515B;
    font-size: 14px;
    padding-left: 8px;
    margin-left: 8px;
    border-left: 5px solid #2E83FC;
    margin-bottom: 16px;
    
}
.sircle{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 3px;
}
.blue{
    background-color: #2E83FC;
}
.green{
    background-color: #54B831;
}
.origin{
    background-color: #FFB929;
}
.commonStyle{
  color: #1C222C;
  font-size: 14px;
}
.formItemWidth100{
  color: #1C222C;
  font-size: 14px;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  .labelStyle{
    color: #797F89;
    display: inline-block;
    font-size: 14px;
    width: 130px;
    text-align: left;
    line-height: 22px;
    margin-right: 8px;
  }
  .contentStyle{
    color: #1C222C;
    display: inline-block;
    width: calc(100% - 140px);
    font-size: 14px;
  }
}
.blockStyle{
  display: block;
}
.tishi{
  color: #F46B5A;
  font-size: 12px;
}
.sircle{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 3px;
  }
  .blue{
    background-color: #409eff;
  }
  .green{
    background-color: #54B831;
  }
  .origin{
    background-color: #FFB929;
  }
  .origin_deep{
    background-color:#FF9458;
  }
  .red{
    background-color:#F46B5A
  }
  .deepred{
    background-color: #924036;
  }
  .split{
    width: 1px;
    height: 20px;
    background-color: #DADFE6;
    margin: 0 16px;
}
.sircle{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  
  display: inline-block;
  margin-bottom: 3px;
  }
  .blue{
    background-color: #409eff;
  }
  .green{
    background-color: #54B831;
  }
  .origin{
    background-color: #FFB929;
  }
  .origin_deep{
    background-color:#FF9458;
  }
  .red{
    background-color:#F46B5A
  }
  .textcolor{
    color: #2E83FC;
    cursor: pointer;
  }
  .approvel-box{
    background: #cae0fe;
    border: 1px solid #2e83fc;
    padding: 8px 16px;
    margin-bottom: 16px;
    .text-color01{
        font-size: 16px;
        color: #2E83FC;
        font-weight: 700;
    }
    .text-color02{
        color: #2E83FC;
        font-size: 14px;
    }
}
.approvel-box4 {
    background: #fcdad5;
    border: 1px solid #f46b5a;
    padding: 8px 16px;
    margin-bottom: 16px;
    .text-color01{
        font-size: 16px;
        color: #F46B5A;
        font-weight: 700;
    }
    .text-color02{
        color: #F46B5A;
        font-size: 14px;
    }
}
.approvel-box3{
    background: #d4edcb;
    border: 1px solid #54b831;
     padding: 8px 16px;
    margin-bottom: 16px;
    .text-color01{
        font-size: 16px;
        color: #54B831;
        font-weight: 700;
    }
    .text-color02{
        color: #54B831;
        font-size: 14px;
    }
}
.w100{
  width: 100%;
}
.w50{
  width: 50%;
}
.textBg{
  background-color: #EDF0F5
}